page{
    background: #039EE2;
}

.banner{
    width: 100%;
    padding-bottom: 100rpx;
    padding-top: 96rpx;
    // swiper{
    //     width: 100%;
    //     height: 930rpx;
    //     position: relative;
    // }
    .item{
        width: 560rpx;
        overflow: hidden;
        background: #FFFFFF;
        border-radius: 16rpx;
        margin: 0 auto;
        padding-bottom: 30rpx;
        .logo{
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: 37rpx;
            text{
                margin-top: 13rpx;
                color: #3D3D3D;
                font-size: 32rpx;
                font-weight: bold;
            }
        }
        .qr{
            width: 436rpx;
            height: 699rpx;
            background: #f2f2f2;
            margin: 25rpx auto 0;
            image{
                width: 100%;
                height: 100%;
            }
        }
        .text{
            color: #8B8B8B;
            font-size: 24rpx;
            text-align: center;
            margin: 10rpx auto 26rpx;
        }
        .button{
            width: 452rpx;
            height: 100rpx;
            background: linear-gradient(136deg, #4BC8FF 0%, #039DE1 100%);
            box-shadow: 0px 4rpx 12rpx 0px rgba(0,0,0,0.08);
            border-radius: 16rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #FFFFFF;
            font-size: 32rpx;
            font-weight: bold;
            margin: 0 auto;
        }
    }
    swiper .wx-swiper-dots{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        //height: 30rpx;
    }
}